body{
	margin: 0;
}
.navigationBar{
	width: 10rem;
	height: 1.306666rem;
	border-bottom: 0.05rem solid #E5E5E5;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
}
.navigationBar>div{
	text-align: center;
	width: 1.3rem;
	line-height: 1.35rem;
	margin-left: 0.53rem;
}
.whole,.whole-2,.whole-3,.whole-4,.whole-5{
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.border{
	border-bottom:2px solid rgb(135,225,213);
	
}
.f1{
	box-shadow: 0.5px 0.5px 0.5px 0.5px #E5E5E5;
	margin-top: 0.3rem;
	margin-left:0.25rem;
	border: 0.05rem solid #E5E5E5;
}
.img1{
	    width: 2.8rem;
	
	margin-left: 0.1rem;
}
.whole2>b{
	font-size: 18px;
}
.whole3>b{
	font-size: 18px;
}
.whole2-1{
	margin-left: 0.25rem;
}
#t3{
	display: none;
	margin-left: 30%;
	margin-top: 50%;
	font-size: 18px;
}
/*轮播图*/
.shade{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    z-index: 80;
    display: none;
}
.container{
	width: 9.14666rem;
	height: 13.06666rem;
	background-color: #FFFFFF;
	z-index: 100;
	position: absolute;
	margin-left:0.42666rem;
	top: 1.2rem;
	border-radius: 10px;
	display: none;
}
.container-b{
	position: absolute;
	margin-left: 39%;
	margin-top: 5%;
	font-size: 22px;
}
.grade{
	position: absolute;
	margin-top: 18%;
	margin-left: 33%;
}
.container-a{
	display: inline-block;
	width: 5.44rem;
	height: 0.82666rem;
	border-radius: 0.42666rem;
	color: #fff;
	background-color:rgb(135,225,213);
	font-size: 18px;
	text-align: center;
	line-height: 0.82666rem;
	position: absolute;
	    margin-top: -14%;
	top: 70%;
	z-index: 100;
	display: none;
}
.i1{
			width: 10rem;
		       height: 17.8rem;
		    position: absolute;
		    top: 0rem;
		    z-index:101;
		}
		.container-div{
			width: 100%;
			height: 100%;
			display: none;
		}
		.i2{
			 position: absolute;
			 bottom: 2rem;
			 z-index: 102;
			 right: 0.5rem;
		}
		.i3{
			 position: absolute;
           top: 8%;
            z-index: 101;
            margin-left: 87%;
            display: none;

        }
/*清新*/
        .slide{
            width: 100%;
            min-height: 180px;
            overflow: hidden;
            position: relative;
  
        }
        .slide .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
          
        }
        .slide .img img{
            width: calc(80% - 14px);
            /*height: calc(100% - 14px);*/
             box-shadow: 0px 1px 4px 0 rgba(130,130,130,0.50);
            margin: 7px;
        }
        .slide .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide .img2{
            width: 60%;
            height: 60%;
            top: 20%;
            left: -20%;
            z-index: 2;
        }
        .slide .img3{
            width: 80%;
            height: 80%;
            top: 10%;
            left: 17%;
            z-index: 3;
        }
        .slide .img4{
            width: 60%;
            height: 60%;
            top: 20%;
            left: 60%;
            z-index: 2;
        }
        .slide .img5{
            width: 40%;
            height: 40%;
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide-bt{
            position: absolute;
            left: 56%;
            bottom: 22%;
            z-index: 10;
            width: 9.146666rem !important;
            display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
        }
        .slide-bt span{
            width: 24px;
            height: 8px;
            background: #c9caca;
            float: left;
            margin: 3px;
            border-radius: 4px;
        }
        .slide .slide-bt .on{
            background: #ffd200;
        }
        
        .slide{
        	height: 100% !important;
        	margin-top: 0.5rem;
        }
	/*亲子*/	
		.slide1{
            width: 100%;
            min-height: 180px;
            overflow: hidden;
            position: relative;
  
        }
        .slide1 .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
          
        }
        .slide1 .img img{
            width: calc(80% - 14px);
            /*height: calc(100% - 14px);*/
             box-shadow: 0px 1px 4px 0 rgba(130,130,130,0.50);
            margin: 7px;
        }
        .slide1 .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide1 .img2{
            width: 60%;
            height: 60%;
            top: 20%;
            left: -20%;
            z-index: 2;
        }
        .slide1 .img3{
            width: 80%;
            height: 80%;
            top: 10%;
             left: 17%;
            z-index: 3;
        }
        .slide1 .img4{
            width: 60%;
            height: 60%;
            top: 20%;
            left: 60%;
            z-index: 2;
        }
        .slide1 .img5{
            width: 40%;
            height: 40%;
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide1-bt1{
            position: absolute;
            left: 56%;
            bottom: 22%;
            z-index: 10;
            width: 9.146666rem !important;
            display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        }
        .slide1-bt1 span{
            width: 24px;
            height: 8px;
            background: #c9caca;
            float: left;
            margin: 3px;
            border-radius: 4px;
        }
        .slide1 .slide1-bt1 .on{
            background: #ffd200;
        }
        button{
            width: 50px;
            margin: 20px;
        }
        .slide1{
        	height: 100% !important;
        	margin-top: 0.5rem;
        }
 /*简约*/
		.slide2{
            width: 100%;
            min-height: 180px;
            overflow: hidden;
            position: relative;
  
        }
        .slide2 .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
          
        }
        .slide2 .img img{
            width: calc(80% - 14px);
            /*height: calc(100% - 14px);*/
             box-shadow: 0px 1px 4px 0 rgba(130,130,130,0.50);
            margin: 7px;
        }
        .slide2 .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide2 .img2{
            width: 60%;
            height: 60%;
            top: 20%;
            left: -20%;
            z-index: 2;
        }
        .slide2 .img3{
            width: 80%;
            height: 80%;
            top: 10%;
             left: 17%;
            z-index: 3;
        }
        .slide2 .img4{
            width: 60%;
            height: 60%;
            top: 20%;
            left: 60%;
            z-index: 2;
        }
        .slide2 .img5{
            width: 40%;
            height: 40%;
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide2-bt2{
            position: absolute;
            left: 56%;
            bottom: 22%;
            z-index: 10;
            width: 9.146666rem !important;
            display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        }
        .slide2-bt2 span{
            width: 24px;
            height: 8px;
            background: #c9caca;
            float: left;
            margin: 3px;
            border-radius: 4px;
        }
        .slide2 .slide2-bt2 .on{
            background: #ffd200;
        }
        button{
            width: 50px;
            margin: 20px;
        }
        .slide2{
        	height: 100% !important;
        	margin-top: 0.5rem;
        }
        .return {
    width: 100%;
    height: 1.3rem;
    background-color: #87E1D5;
    position: relative;
}
.return>.img_1 {
    margin-top: 0.4rem;
    width: 0.3rem;
}
.return>b {
    font-size: 0.5rem;
    position: absolute;
    margin-left: 38%;
    margin-top: 3%;
}